<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<link rel="stylesheet" href="./css/reset.css" type="text/css" media="screen" charset="utf-8"/>
        <link rel="stylesheet" href="./css/global.css" type="text/css" media="screen" charset="utf-8"/>
        <link rel="stylesheet" href="./css/login.css" type="text/css" media="screen" charset="utf-8"/>
        <link rel="stylesheet" href="./css/errors.css" type="text/css" media="screen" charset="utf-8"/>
		<link rel="stylesheet" href="./css/round.css" type="text/css" media="screen" charset="utf-8"/>
		<script src="./javascript/round.js" type="text/javascript" charset="utf-8">
        </script>
        <title>Login - babaru.net</title>
    </head>
    <body id="login">
        <div id="container" class="center">
        	<div id="header"></div>
            <div id="main" class="round">
                <h2 class="title">Login</h2>
                <span class="description">Fields signed by '*' is required.</span>
                <form>
                    <div class="errorExplanation" id="errorExplanation">
                        <h2>4 errors prohibited this user from being saved</h2>
                        <p>
                            There were problems with the following fields:
                        </p>
                        <ul>
                            <li>
                                Login name can't be blank
                            </li>
                            <li>
                                Missing password
                            </li>
                            <li>
                                Email can't be blank
                            </li>
                            <li>
                                Email is invalid
                            </li>
                        </ul>
                    </div>
                    <table cellpadding="5px" border="0px">
                        <tr height="25px">
                            <td width="100px">
                                <label for="name">
                                    Login Name:
                                </label>
                            </td>
                            <td>
                                <div class="fieldWithErrors">
                                    <input class="text" type="text" maxlength="100"/>
                                </div>
                            </td>
                        </tr>
                        <tr height="25px">
                            <td width="100px">
                                <label for="name">
                                    Password:
                                </label>
                            </td>
                            <td>
                                <input class="text" type="password" maxlength="32"/>
                            </td>
                        </tr>
                        <tr height="25px">
                            <td>
                            </td>
                            <td>
                                Fotgot password?&nbsp;|&nbsp;Sign up
                            </td>
                        </tr>
                    </table>
                    <div class="buttons">
                        <input class="w5" type="submit" value="Login"/>
                    </div>
                </form>
                <div class="tool_t">
                    <a href="#">Back to home</a>
                </div>
            </div>
            <!-- content -->
            <div id="footer" class="center">
            	<div class="copyright">Copyright &copy; 2007 - 2008 babaru.net. All rights reserved.</div>
            </div>
        </div>
        <!--container -->
    </body>
</html>
